<template>
	<view class="g-main">
		<view class="g-header f-bc-whilte">
			<view class="u-date f-frowceny">
				<view class="f-frowceny f-fz14 f-mlauto">
					<text class="f-fc-primary f-mr8">2020年3月</text>
					<text class="icon-triangledownfill f-fc-inp"></text>
				</view>
			</view>
			<view class="u-money f-fc-whilte f-bdr-large">
				<view class="f-fz12 f-tac">本月累计提成</view>
				<view class="f-fz36 f-tac f-mt20">{{ 1245678.56 | parsePrice }}</view>
				<image src="../../static/icon/mime/account-bc-img.png" mode="aspectFit" class="f-bc"></image>
			</view>
		</view>
		<view class="u-commission-date f-frowceny f-fz14 f-fc-888">3月9日</view>
		<view class="u-commission-item f-frow f-bc-whilte border-bottom">
			<image src="../../static/icon/mime/icon-commission.png" mode="aspectFit" class="icon f-mr12"></image>
			<view class="f-f1">
				<view class="f-frowspcen f-fc-primary f-fz16 f-fw650">
					<text>订单提成</text>
					<text>+￥200.00</text>
				</view>
				<view class="f-frowspcen f-fc-grey f-fz13 f-mt13"><text>订单:1511322337149 收入</text></view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.g-header {
	padding: 0 30rpx 36rpx;
	.u-date {
		height: 90rpx;
	}
	.u-money {
		width: 100%;
		height: 306rpx;
		padding-top: 80rpx;
		position: relative;
		z-index: 1;
		.f-bc {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
	}
}
.u-commission-date {
	height: 80rpx;
	background-color: #f5f5f5;
	padding-left: 38rpx;
}
.u-commission-item {
	padding: 34rpx 30rpx;
	.icon {
		width: 54rpx;
		height: 54rpx;
	}
}
.u-commission-item.border-bottom {
	border-bottom: 1px solid #f5f5f5;
}
</style>
